<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CS:GO军需商店 - 官方周边商城</title>
  <link rel="stylesheet" href="/css/category.css">
  <link rel="stylesheet" href="/libs/font/iconfont/iconfont.css">
</head>
<body>
  <header></header>
  <section>
    <div class="cate-top" id='catetop'>

    </div>
    <script type="text/html" id="ptemplate">
         <p>{{cname}}</p>
    </script>
    <p class="timer-span"><a href="#">销量</a><a href="#">价格 ↑</a><a href="#">上架时间</a></p>
    
    <div class=" cate-cent" id="catecent">

    </div>

    <script type="text/html" id="categorytemplate">

        {{each list shop}}
        <div class="shop-cate">
          <a href="/html/detail.html?id={{shop.id}}" class="shop-img"><img src="{{shop.image}}" alt=""></a>
            {{if shop.title.length>7}}
            <p>{{shop.title.slice(0,7)}}</p>
            {{else}}
            <p>{{shop.title}}</p>
            {{/if}}
          <p class="p-price">￥{{shop.price}}</p>
          <div class="user-card">
            <span><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i><i class="iconfont icon-xingxing"></i></span>
            <a href="/html/detail.html?id={{shop.id}}" class="shopcard"><i class="iconfont icon-gouwuche">加入购物车</i></a>
          </div>
          </div>
        {{/each}}

    </script>


  </section>
  <div class="home-btn"><a href="/../index.html">返回<br>首页</a></div>
  <footer></footer>
  <script src="/libs/require/require.min.js" data-main="/js/category"></script>
</body>
</html>